import { computed, ref, watchEffect} from 'vue'
import { defineStore } from 'pinia'

export const useTabbarStore = defineStore('tabbar', () => {
    const page = ref('store')

    const tabIndex = ref(2)
    const setPage = (str: string) => {
        page.value = str
    }
    
    const setTabIndex = (str: number) => {
        tabIndex.value = str 
    }
    const pageStyle = ref('#54BAC9')
    const checkPageColor = ref('#C51C1E')
    return {
        page, setPage,
        pageStyle,
        checkPageColor,
        tabIndex,setTabIndex
    }
})
